<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Document</title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/test.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1867112_ozqb0x40i7f.css" />
	</head>
	<body>
		<div id="body">
			<!--头部 -->
			<div class="header">
				<nav class="nav">
					<div class="logo">
						<a href="#">
							<img src="../images/logo.svg">
						</a>
					</div>
					<div class="nav_list">
						<ul class="list_content">
							<li>首页</li>
							<li>发现
								<div class="nav_wrap">
									<ul class="nav_wrap_list">
										<li><a href="#">平面</a></li>
										<li>|</li>
										<li><a href="#">UI</a></li>
										<li>|</li>
										<li><a href="#">网页</a></li>
										<li>|</li>
										<li><a href="#">插画</a></li>
										<li>|</li>
										<li><a href="#">动漫</a></li>
										<li>|</li>
										<li><a href="#">摄影</a></li>
										<li>|</li>
										<li><a href="#">空间</a></li>
									</ul>
									<br />
									<ul class="nav_wrap_list1">
										<li><a href="#">工业/产品</a></li>
										<li>|</li>
										<li><a href="#">三维</a></li>
										<li>|</li>
										<li><a href="#">影视</a></li>
										<li>|</li>
										<li><a href="#">手工艺</a></li>
										<li>|</li>
										<li><a href="#">纯艺术</a></li>
										<li>|</li>
										<li><a href="#">服装</a></li>
										<li>|</li>
										<li><a href="#">其他</a></li>
									</ul>
									<div class="list_content_botoom">
										<ul>
											<li><a href="#">精选作品 > </a></li>
											<li><a href="#">精选文章 > </a></li>
											<li><a href="#">精选收藏 > </a></li>
										</ul>
									</div>
								</div>

							</li>
							<li>职业
								<ul class="nav_wrap_list_position">
									<li><a href="#">职位</a></li>
									<li><a href="#">公司</a></li>
									<li><a href="#">+发布职位</a></li>
								</ul>
							</li>
							<li>活动
								<ul class="nav_wrap_list_position">
									<li><a href="#">设计大赛</a></li>
									<li><a href="#">专题策划</a></li>
									<li><a href="#">线上活动</a></li>
									<li><a href="#">线下活动</a></li>
									<li><a href="#">学习音频</a></li>

								</ul>
							</li>
							<li>正版素材
								<ul class="nav_wrap_list_position">
									<li><a href="#">图片</a></li>
									<li><a href="#">视频</a></li>
									<li><a href="#">背景</a></li>
									<li><a href="#">音乐</a></li>
									<li><a href="#">我要供图</a></li>
								</ul>
							</li>
							<li>课程
								<ul class="nav_wrap_list_position">
									<li><a href="#">免费直播周周见</a></li>
									<li><a href="#">正在热销</a></li>
									<li><a href="#">+发布职位</a></li>
								</ul>
							</li>
							<li>版权保护
								<ul class="nav_wrap_list_position">
									<li><a href="#">职位</a></li>
									<li><a href="#">公司</a></li>
									<li><a href="#">口碑好课</a></li>
								</ul>
							</li>
							<li>...
								<ul class="nav_wrap_list_pition">
									<li><a href="#">区块链存证</a></li>
									<li><a href="#">作品登记信息</a></li>
									<li><a href="#">维权服务</a></li>
								</ul>
							</li>
						</ul>

					</div>
					<div class="nav_sousuo">
						<span></span>
						<span></span>

					</div>
				</nav>
			</div>

			<div id="content">
				<div id="slider_adv">
					<!-- 首页轮播图 -->
					<div class="banner_box">
						<a id="prev_btn"><img src="../images/zuo-copy.png"></a>
						<a id="next_btn"><img src="../images/you-copy.png"></a>
						<ul id="banner_list">
							<!-- <li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>7</li>
				<li>8</li>
				<li>9</li>
				<li>10</li> -->
						</ul>
					</div>
					<div id="new_list_img">
						<ul>
							<li><a href="javascirpt::"><img src="../images/new0.jpg"></a></li>
							<li><a href="javascirpt::"><img src="../images/new0.jpg"></a></li>
							<li><a href="javascirpt::"><img src="../images/new0.jpg"></a></li>
							<li><a href="javascirpt::"><img src="../images/new0.jpg"></a></li>
							<li><a href="javascirpt::"><img src="../images/new0.jpg"></a></li>
						</ul>
					</div>
				</div>

				<div id="new_body">
					<div class="new_nav_list">
						<ul class="new_nav_list0">
							<li><a href="javascirpt::">首页推荐</a></li>
							<li><a href="javascirpt::">最新发布</a></li>
						</ul>
					</div>

					<div class="new_list_body">

						<div id="new_list_body_wrop">
							<div class="new_list_body_wrop_list">
								<!-- <div class="new_list_body_wrop">	
				<div class="new_list_body_wrop_img">
					<a href="javascirpt::"><img src="https://img.zcool.cn/community/01c3f55f083872a8012066215e1a7d.jpg@260w_195h_1c_1e_1o_100sh.jpg" ></a>
				</div>
				<div class="new_list_body_wrop_text">
					<p class="new_list_body_wrop_title">山田土【裱白】系列茶礼</p>
					<p class="new_list_body_wrop_type">平面-包装</p>
					<p class="new_list_body_wrop_item">
						<span class="iconfont icon-kanguo">2610</span>
						<span class="iconfont icon-pinglun">12</span>
						<span class="iconfont icon-dianzan">125</span>
					</p>
				</div>
				<div id="new_list_body_wrop_name">
					<span id="new_list_body_wrop_name_img"><a><img src="https://img.zcool.cn/community/01d0c15f06fbbaa801215aa0ba5cd2.jpg@80w_80h_1c_1e_1o_100sh.jpg"  alt></a></span> 
					<div id="new_body_time_text">
						<span class="new_list_body_wrop_name_text"><a href="">深圳山田土</a></span>
						<span class="new_list_body_wrop_name_time">15小时前</span>
					</div>
					
				</div>
				</div>
			 -->

							</div>

						</div>

					</div>

				</div>



			</div>





		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="../js/model.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index.js" type="text/javascript" charset="utf-8"></script>

	</body>
</html>
